var typeList = null;
var navList;
var iconList;
var DEFAULT_IMG = 'images/default_m.png';
$(function(){ 
	navList = new NavList({				//初始化左边导航
		id:'navBox',
		moveRight:function(){			//向右事件
			iconList.setFocus();
		},
		onclick:function(data,id){
			$('#nav').html(data.name);
			if(data.dataList){
				iconList.setDataList(data.dataList);
			}else{
				loadDataList(data,afterLoadDataList);
			}
		}
	});
	
	
	iconList = new IconList({			//初始化右边导航
		id:'listBox',
		moveLeft:function(){
			navList.setFocus();
		},
		formatHtml:function(i,row,data){
			var img = $.getImageUrl(data.image,DEFAULT_IMG); 
			var con = '<div class="icon">';
				con += '<img src="'+img+'" />';
				con += '<a href="#" id="'+this.target+'-a-'+i+'" tar="'+i+'" row="'+row+'">&nbsp;</a>';
			con += '</div>';
			return con;
			
		},
		onfocus:function(data,id){
			var img = $.getImageUrl(data.image,DEFAULT_IMG); 
			var con = '';
			con += '<div class="title">'+data.name+'</div>';
			con += ' <div class="split">&nbsp;</div>';
			con += '<div class="logo"><img src="'+img+'"/></div>';
			con += '<div class="ul">';
				con += '<div class="li">主演:abckdeft</div>';
				con += '<div class="li">主演:abckdeft</div>';
			con += '</div>';
			$('#infoBox').html(con);
		},
		onclick:function(data,id){
			$.log($.toJSON(data));
		}
	}); 
	
	typeList = initData();
	navList.setDataList(typeList,true);
	navList.Click(1);
});

function afterLoadDataList(data,list){
	data.dataList = list;
	iconList.setDataList(data.dataList);
}



